/*header{width:100%;height:auto;position:relative;z-index:11;}*/
/*header>div{width:100%;background-color:#00C0FF;padding:1.5rem 1rem;}*/
/*header span:nth-child(1){width:8%;vertical-align: middle;}*/
/*header span:nth-child(2){width:79%;color:#fff;font-size:1.6rem;text-align:center;vertical-align: middle;}*/
/*header span:nth-child(3){width:8%;vertical-align: middle;text-align:right;}*/
header{
    height: auto;
    width: 100%;
    background-color: #00C0FF;
    padding: 10px 20px;
}
.header span {
    width: 49%;
    vertical-align: middle;
}
section{padding:0 0.5rem;}
.icon{
  position:fixed;bottom:3rem;right:1rem;width:60px;padding:0 0.5rem;    z-index: 10;
}
.icon img{max-width: 100%;}
/***************************************************** 热门歌手 *****************************************************/
section>ul li{width:100%;background-color:#fff;padding:0.8rem 0;margin-bottom:0.5rem;border-radius:5px;}
section>ul li .singer_img{width:20%;display:inline-block;padding:0 1rem;}
section>ul li .singer_con{width:78%;display:inline-block;}
section>ul li .singer_img img{width:100%;height:50px;border-radius:5px;}
.singer_con p:nth-child(1){display:inline-block;width:88%;color:#333333;font-size:1.7rem;vertical-align: middle;}
.singer_con p:nth-child(2){display:inline-block;width:10%;vertical-align: middle;}
.singer_con p:nth-child(2)>img{width:30%;}

/***************************************************** 热门单曲 *****************************************************/
.song_box{
    border-radius:5px;
    background-color:#fff;
    width:95%;
    margin:0 auto;
    position:relative;
    top:-2.5rem;left:0;
    overflow:hidden;
}
.song_box>p,.song_box ul li{width:100%;border-bottom:1px solid #F0F0F0;padding:1rem 0.5rem;font-size:1.5rem;}
.song_box>p span:nth-child(1),.song_box ul li div:nth-child(1){width:15%;text-align:center;}
.song_box>p span:nth-child(2),.song_box ul li div:nth-child(2){width:61%;}
.song_box>p span:nth-child(2) b{color:#B3B3B3;}
.song_box>p span:nth-child(3),.song_box ul li div:nth-child(3){width:20%;text-align:right;}
.song_box ul li div:nth-child(3){padding-right:1rem;}
.song_box>p span:nth-child(3) b{
    width:20px;height:15px;
    background-image:url("../images/hotSong_list.png");
    background-size:100% 100%;
    vertical-align:middle;
    margin-right:0.8rem;
}
.song_box ul{width:100%;}
.song_box ul li div{display:inline-block;vertical-align:middle;}
.song_box ul li div:nth-child(1) span{
    background-color:#F1F1F1;
    border-radius:50%;
    padding:0.5rem 1rem;
 }
.song_box ul li div:nth-child(2) span{width:100%;}
.song_box ul li div .song_title b{width:20px;height:15px;background-size:100% 100%;vertical-align:middle;}
.song_box ul li div .song_title .hq{background-image:url("../images/hq.png");margin:0 0.5rem;}
.song_box ul li div .song_title .mv{background-image:url("../images/mv.png");}
.song_box ul li div .song_name{color:#BCBCBC;font-size:1.3rem;}
.song_box ul li div:nth-child(3) img{width:8%;}

/**************************************************** 歌手专辑 ****************************************************/
.singer_title{position:relative;}
.singer_title p{width:100%;position:absolute;top:15%;left:0;text-align:center;}
.singer_title p img{width:70px;height:70px;border-radius:50%;border:2px solid #fff;}
.album_box{
    border-radius:5px;
    width:95%;
    margin:0 auto;
    position:relative;
    top:-1.5rem;left:0;
    overflow:hidden;
}
.album_box>ul{background-color:#fff;padding:0 2rem;}
.album_box>ul li{width:33%;text-align:center;}
.album_box>ul li a{width:80%;color:#000;font-size:1.6rem;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color:#06C1FF;
    background:none;
    border:none;
    border-bottom:2px solid #06C1FF;
}
.nav-tabs>li>a:hover{border:none;}
.nav>li>a:focus, .nav>li>a:hover{background:none;}
.nav-tabs>li>a{margin-right:0;border-radius:0;border:none;}
.nav-tabs>li.active>a{color:#06C1FF;border-bottom:2px solid #06C1FF;}
.nav-tabs{
    border-bottom:1px solid #F2F2F2;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.singer_box{
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
/*详情*/
.details_box{
    width:100%;
    background-color:#fff;
    padding:0.8rem 3rem;
    margin-top:-3rem;
}
.details_box .details_title{border-bottom:1px dashed #E8E8E8;padding:1.5rem 0;}
.details_box .details_title span{width:100%;text-align:center;}
.details_box .details_title span:nth-child(1){font-size:1.8rem;}
.details_box .details_title span:nth-child(2){font-size:1.3rem;color:#808080;}
.details_con{padding:2rem 0;}
.details_con p:nth-child(1){text-align:center;font-size:1.6rem;font-weight:bold;}
.details_con p:nth-child(2){
    background-color:#F5F5F5;
    padding:1.5rem;
    text-align:justify;
    font-size:1.3rem;
    margin-top:1rem;
}
/*MV*/
.mv_box{
    width:100%;
    background-color:#fff;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    margin-top:-3rem;
    padding:1.5rem;
    overflow:hidden;
}
.mv_box>ul{}
.mv_box>ul li{margin-bottom:1rem;width:100%;height:150px;}
.mv_box>ul li div>img{width:100%;height:150px;}
.mv_box>ul li div{position:relative;}
.mv_box>ul li div p{position:absolute;width:100%;}
.mv_box>ul li div .mv_top{top:0;left:0;}
.mv_box>ul li div .mv_top span{width:49%;padding:0 0.5rem;vertical-align:middle;}
.mv_box>ul li div .mv_top span:nth-child(2){text-align:right;}
.mv_box>ul li div .mv_top span:nth-child(1) b{
    width:20px;height:11px;
    background-image:url("../images/hq.png");
    background-size:100% 100%;
    vertical-align:middle;
}
.mv_box>ul li div .mv_top span:nth-child(2){color:#fff;font-size:1.1rem;}
.mv_box>ul li div .mv_top span:nth-child(2) b{
    width:15px;height:8px;
    background-image:url("../images/play_times.png");
    background-size:100% 100%;
    margin-right:0.5rem;
    vertical-align:middle;
}
.mv_box .mv_play{top:40%;left:0;text-align:center;}
.mv_box .mv_play img{width:15%;}
.mv_box .mv_title{bottom:0;left:0;background:rgba(0,0,0,0.4);padding:0.3rem 0.8rem;}
.mv_box .mv_title span{color:#fff;font-size:1.3rem;}
.mv_box .mv_title span:nth-child(1){width:78%;}
.mv_box .mv_title span:nth-child(2){width:20%;text-align:right;}
#MV{margin-top:-3rem;}

/**************************************************** mv_详情 ****************************************************/

#video{height:250px;width:100%;background-color:#000;}
#video video{height:100%;width:100%;}
#video span{width:100%;position:absolute;top:5%;left:2%;}
#video span img{width:8%;}
.video_title,.video_details{width:100%;}
.video_title .title,.video_details .introduction{width:100%;border-bottom:1px solid #F0F0F0;padding:1rem;}
.video_title .title span:nth-child(1){width:49%;font-size:1.6rem;font-weight:bold;}
.video_title .title span:nth-child(2){width:49%;text-align: right;}
.video_title .author{color:#7A7A7A;}
.video_details .introduction{font-size:1.5rem;}
.video_details .introduction b{width:24px;height:24px;background-image:url("../images/video_details.png");background-size:100% 100%;vertical-align:middle;margin-right:0.5rem;}
.video_details .content{text-align: justify;padding:1rem;}
.video_title,.video_details{background-color:#fff;color:#7A7A7A;margin-bottom:1rem;}
.video_title .title b{width:24px;height:24px;background-image:url("../images/hotSong_play.png");background-size:100% 100%;vertical-align:middle;margin-right:0.5rem;}
.video_title .title_con{padding:1rem;}
.video_title .title_con span{width:100%;}
.video_title .title_con span:nth-child(1){color:#000;}
.video_title .title_con span:nth-child(2){color:#848484;}